Using position: fixed;

An element with position: fixed; is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled:

This div element has position: fixed;

Using position: absolute;

An element with position: absolute; is positioned relative to the nearest positioned ancestor:

This div element has position: relative;

This div element has position: absolute;